<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<met name="viewport" http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
	<title>我的网盘</title>
	<style>
	*
	{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	.body 
	{
		display: flex;
		min-height: calc(100vh - 60px);
	}
	.head
	{
			width: 100%;
			background-color: rgb(74, 96, 255);
			height: 60px;
			z-index: 1000;
			position: relative;
	}
	.ul
	{
			margin: 0;
			padding: 0;
			width: 100px;
			background-color: #f1f1f1;
			height: 100%; /* 全屏高度 */
			position: fixed; 
			overflow: auto; /* 如果导航栏选项多，允许滚动 */
			 top: 60px;
	}
	.option
	{
			background-color: #f1f1f1;
			color: #000;
			border: none;
			font-size: 17px;
	}
	.option:hover
	{
		 opacity: 0.6;
	}
	.usr
	{
		font-size:35px;
		color:white;
		text-align: left;
		letter-spacing:3px;
		font-weight: 600;
	}
	.main
	{
		margin-left: 100px;
		width: calc(100% - 100px);
	}
	.file_list
	{
		font-size:medium;
		border-bottom-style:ridge;

	}
	.file_name
	{
		height: 0px;
	}
	.file_size
	{
		margin-left:  80%;
	}
	.download
	{
		float: right;
		margin-right: 20px;
		font-size:medium;
		border: none;
		background-color:white;
	}
	.download:hover
	{
		opacity: 0.6;
	}
	.file_delete
	{
		float: right;
		margin-right: 12px;
		font-size:medium;
		border: none;
		background-color:white;
	}
	.file_delete:hover
	{
		opacity: 0.6;
	}
	.up_pg
	{
		margin-left: 20%;
	}
</style>
<script src="function.js" defer></script>
</head>
<body onunload="clear_up_queue()">
	<div class="head">
		<span class="usr" id="usr"></span>
	</div>
	<div class="body">
		<ul class="ul">
			<button type="button" class="option file" onclick="showfile()">文件</button>
			<button type="button" class="option up_down" onclick="show_upqueue()">上传列表</button>
			<button type="button" class="option note" onclick="note()">注意事项</button>
			<button type="button" class="option up" onclick="upload()">上传文件</button>
		</ul>
		<div class="main" id="main"></div>
	</div>
	<script>
		if(document.cookie){
				localStorage.setItem("usr_name",document.cookie);
				document.getElementById("usr").innerHTML=localStorage.getItem("usr_name")+"的网盘";
		}else{
				window.location.assign("/login.html");
		}
	</script>
</body>
</html>
